<template>
  <div style="background: #fff;padding-bottom: 1rem" class="index_content">

    <div class="top_in" @click="inputSearch()">
      <input type="text" readonly>
      <div class="top_d">
        <yd-icon name="search" size="18px"></yd-icon>
        <span style="margin-left: 5px;">查询企业工商司法信息</span>
      </div>
    </div>

    <img src="../assets/index/index_bg.png" style="width: 100%;pointer-events: none;">
    <div>
      <div class="title_index">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">火炬查询</span>
      </div>

      <div class="list_search" style="margin-top: .6rem;">
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('0')">
          <img src="../assets/index/id.png" style="width: .43rem;height: .31rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .1rem;">身份数据</span>
          <img src="../assets/index/id_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('1')">
          <img src="../assets/index/operator.png" style="width: .42rem;height: .41rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .06rem;">运营商数据</span>
          <img src="../assets/index/op_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('2')">
          <img src="../assets/index/union.png" style="width: .44rem;height: .32rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .1rem;">银联数据</span>
          <img src="../assets/index/uni_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('3')">
          <img src="../assets/index/credit.png" style="width: .38rem;height: .41rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .06rem;">征信数据</span>
          <img src="../assets/index/car_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
      </div>

      <div class="list_search">

        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('4')">
          <img src="../assets/index/car_data.png" style="width: .46rem;height: .32rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .12rem;">车辆数据</span>
          <img src="../assets/index/car_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('5')">
          <img src="../assets/index/logistics.png" style="width: .51rem;height: .38rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .06rem;">物流数据</span>
          <img src="../assets/index/uni_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div" @click="jump('6')">
          <img src="../assets/index/business.png" style="width: .45rem;height: .44rem;top: .24rem;position: relative;">
          <span style="position: relative;top: .03rem;">企业工商</span>
          <img src="../assets/index/id_line.png" style="width: 0.7rem;height: .06rem;">
        </div>
        <a href="https://jinshuju.net/f/MUGTvX">
          <div style="box-shadow: 0px 1px 2px .5px rgba(199,199,199,.4);" class="currency_div">
            <img src="../assets/index/custom.png" style="width: .45rem;height: .44rem;top: .24rem;position: relative;">
            <span style="position: relative;top: .06rem;">数据定制</span>
            <img src="../assets/index/op_line.png" style="width: 0.7rem;height: .06rem;">
          </div>
        </a>
      </div>

    </div>

    <div>
      <yd-slider autoplay="3000" style="margin-top: .6rem">
        <yd-slider-item @click.native="rechargeBtn()">
          <img src="../assets/index/banner1.png" style="pointer-events: none;">
        </yd-slider-item>
        <yd-slider-item>
          <img src="../assets/index/banner2.png" style="pointer-events: none;">
        </yd-slider-item>
        <yd-slider-item @click.native="carList()">
          <img src="../assets/index/banner3.png" style="pointer-events: none;">
        </yd-slider-item>
        <yd-slider-item @click.native="jump('0')">
          <img src="../assets/index/banner4.png" style="pointer-events: none;">
        </yd-slider-item>
      </yd-slider>

    </div>


    <div>
      <div class="title_index">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">热门查询</span>
      </div>

      <div class="hot_part">
        <div class="hot_part_con" @click="hotBtn(item)" v-for="(item,index) in hotList" v-if="index<4">
          <div class="hot_part_left">
            <img :src="item.iconurl+'?t='+Date.now()" style="width: .82rem;height: .56rem;">
            <div class="hot_part_left_sp">
              <span style="font-weight: bold;">{{item.name}}</span>
            </div>
          </div>
          <div style="flex: 1;">
            查询
          </div>
        </div>
      </div>


    </div>

    <div>
      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">身份数据</span>
      </div>

      <div class="function_part" style="border-bottom:1px solid #e6e6e6;">
        <div class="function_part_div" @click="codeTwo()">
          <div class="common_wid">
            <img src="../assets/index/id_pic_normal.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>身份证二要素验证</span>
            <span class="small_tip_down">姓名+身份证号码</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/id_ocr.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>身份证OCR识别</span>
            <span class="small_tip_down" style="text-align: left;">身份证照片</span>
          </div>
        </div>
      </div>

      <div class="function_part_two">
        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/id_con.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>一比一人脸验证</span>
            <span class="small_tip_down" style="text-align: left;">人脸照片1+人脸照片2</span>
          </div>
        </div>
      </div>

    </div>


    <div>

      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">运营商数据</span>
      </div>

      <div class="function_part">
        <div class="function_part_div" @click="operatorTwo()">
          <div class="common_wid">
            <img src="../assets/index/opera_two.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>运营商二要素验证</span>
            <span class="small_tip_down">姓名+手机号</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="operatorThree()">
          <div class="common_wid">
            <img src="../assets/index/opera_three.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>运营商三要素验证</span>
            <span class="small_tip_down">姓名+手机号+身份证</span>
          </div>
        </div>
      </div>

      <div style="margin-top: 0" class="function_part">
        <div class="function_part_div" @click="mobileNet()">
          <div class="common_wid">
            <img src="../assets/index/net_on.png" style="width: .42rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>手机在网状态查询</span>
            <span class="small_tip_down">手机号</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="mobileEnter()">
          <div class="common_wid">
            <img src="../assets/index/net_time.png" style="width: .42rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>手机入网时长查询</span>
            <span class="small_tip_down">手机号</span>
          </div>
        </div>
      </div>

      <div class="function_part" style="border-bottom: 1px solid #e6e6e6;margin-top: 0">
        <div class="function_part_div" @click="mobileInfo()">
          <div class="common_wid">
            <img src="../assets/index/mobile_info.png" style="width: .42rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>手机号基本信息查询</span>
            <span class="small_tip_down">手机号</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="mobileSmal()">
          <div class="common_wid">
            <img src="../assets/index/tx_small.png" style="width: .5rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>通信小号验证</span>
            <span class="small_tip_down">手机号</span>
          </div>
        </div>
      </div>

      <div class="function_part_two">
        <div class="function_part_div" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/mobile_en_thr.png" style="width: .42rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>手机在网时长三要素</span>
            <span class="small_tip_down">姓名+手机号+身份证</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/mobile_net_thr.png" style="width: .42rem;height: .54rem;">
          </div>
          <div class="function_part_right">
            <span>手机在网状态三要素</span>
            <span class="small_tip_down">姓名+手机号+身份证</span>
          </div>
        </div>
      </div>

    </div>


    <div>

      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">银联数据</span>
      </div>

      <div class="function_part">

        <div class="function_part_div" @click="bankOne()">
          <div class="common_wid">
            <img src="../assets/index/bank_one.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>银行卡一要素查询</span>
            <span class="small_tip_down">银行卡号</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="bankTwo()">
          <div class="common_wid">
            <img src="../assets/index/bank_two.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>银行卡二要素验证</span>
            <span class="small_tip_down">银行卡号+姓名</span>
          </div>
        </div>
      </div>

      <div class="function_part" style="border-bottom: 1px solid #e6e6e6;margin-top: 0">
        <div class="function_part_div" @click="bankThree()">
          <div class="common_wid">
            <img src="../assets/index/bank_three.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>银行卡三要素验证</span>
            <span class="small_tip_down" style="text-align: left;">银行卡号+姓名+身份证</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="bankFour()">
          <div class="common_wid">
            <img src="../assets/index/bank_four.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>银行卡四要素验证</span>
            <span class="small_tip_down" style="display: inline-block;text-align: left;">银行卡号+姓名+身份证+预留手机号</span>
          </div>
        </div>
      </div>

      <div class="function_part_two">
        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/bank_ocr.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>银行卡OCR识别</span>
            <span class="small_tip_down" style="text-align: left;">银行卡正面照片</span>
          </div>
        </div>
      </div>
    </div>

    <div>

      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">征信数据</span>
      </div>


      <div class="function_part">
       <div class="function_part_div"  @click="overDue()">
          <div class="common_wid">
            <img src="../assets/index/black_list.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>逾期黑名单验证</span>
            <span class="small_tip_down" style="text-align: left">姓名+手机号+身份证</span>
          </div>
        </div>
        <div class="function_part_div" style="border-right: none;"   @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/overdue.png" style="width: .45rem;height: .42rem;">
          </div>
          <div class="function_part_right">
            <span>逾期催收详情</span>
            <span class="small_tip_down">姓名+手机号+身份证</span>
          </div>
        </div>
      </div>

      <div style="margin-top: 0;" class="function_part">
        <div class="function_part_div" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/yqjlSearch.png" style="width: .39rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>逾期记录详情查询</span>
            <span class="small_tip_down" style="text-align: left;">姓名+手机号+身份证</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;"    @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/p_out.png" style="width: .39rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>平台放贷记录查询</span>
            <span class="small_tip_down" style="text-align: left;">姓名+手机号+身份证</span>
          </div>
        </div>

      </div>

      <div style="margin-top: 0;border-bottom: 1px solid #e6e6e6;" class="function_part">
        <div class="function_part_div"   @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/p_out.png" style="width: .39rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>个人对外投资</span>
            <span class="small_tip_down" style="text-align: left;">姓名+身份证</span>
          </div>
        </div>
          <div class="function_part_div" style="border-right:none;"   @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/dtjdSerch.png" style="width: .39rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>多头借贷记录查询</span>
            <span class="small_tip_down" style="text-align: left;">姓名+手机号+身份证</span>
          </div>
        </div>

      </div>

      <div style="margin-top: 0;border-bottom: 5px solid #e6e6e6;border-top: none;" class="function_part">


        <div class="function_part_div"  @click="otherBtn()">
        <div class="common_wid">
        <img src="../assets/index/jdjlSearch.png" style="width: .39rem;height: .44rem;">
        </div>
        <div class="function_part_right">
        <span>拒贷记录详情查询</span>
        <span class="small_tip_down" style="text-align: left;">姓名+手机号+身份证</span>
        </div>
        </div>
        <div class="function_part_div" style="border-right:none;"    @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/law.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>个人涉法涉诉统计</span>
            <span class="small_tip_down">姓名+身份证</span>
          </div>
        </div>
      </div>
      <!--<div class="function_part_two">-->
        <!--<div class="function_part_div"   @click="otherBtn()">-->
          <!--<div class="common_wid">-->
            <!--<img src="../assets/index/yzkhSearch.png"  style="width: .39rem;height: .44rem;">-->
          <!--</div>-->
          <!--<div class="function_part_right">-->
            <!--<span>网贷优质客户查询</span>-->
            <!--<span class="small_tip_down" style="text-align: left;">姓名+手机号+身份证</span>-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    </div>

    <div>
      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">车辆数据</span>
      </div>

      <div class="function_part">
        <div class="function_part_div" @click="driverCard()">
          <div class="common_wid">
            <img src="../assets/index/car_code.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>行驶证信息查询</span>
            <span class="small_tip_down">车牌号+号牌种类</span>
          </div>
        </div>
        <!--<div class="function_part_div" style="border-right: none;" @click="carInfo()">-->
          <!--<div class="common_wid">-->
            <!--<img src="../assets/index/car_info.png" style="width: .49rem;height: .36rem;">-->
          <!--</div>-->
          <!--<div class="function_part_right">-->
            <!--<span>车辆基本信息</span>-->
            <!--<span class="small_tip_down" style="text-align: left;">车牌号</span>-->
          <!--</div>-->
        <!--</div>-->
        <div class="function_part_div" style="border-right: none;"   @click="licenseSearch()">
          <div class="common_wid">
            <img src="../assets/index/driver_code.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>驾驶证信息查询</span>
            <span class="small_tip_down">身份证</span>
          </div>
        </div>

      </div>
      <div style="margin-top: 0;" class="function_part">
        <div class="function_part_div" @click="carLaw()">
          <div class="common_wid">
            <img src="../assets/index/car_wei.png" style="width: .45rem;height: .37rem;">
          </div>
          <div class="function_part_right">
            <span>车辆违章查询</span>
            <span class="small_tip_down">车牌+VIN+发动机号</span>
          </div>
        </div>

        <!--<div class="function_part_div"   @click="carPolicy()">-->
          <!--<div class="common_wid">-->
            <!--<img src="../assets/index/car_bao.png" style="width: .49rem;height: .36rem;">-->
          <!--</div>-->
          <!--<div class="function_part_right">-->
            <!--<span>车辆保单信息查询</span>-->
            <!--<span class="small_tip_down" style="text-align: left;">保险公司+保单号+车牌号+身份证</span>-->
          <!--</div>-->
        <!--</div>-->
        <div class="function_part_div" style="border-right: none;"  @click="carDanger()">
          <div class="common_wid">
            <img src="../assets/index/car_chu.png" style="width: .39rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>车辆出险查询</span>
            <span class="small_tip_down">车牌+VIN(二选一)</span>
          </div>
        </div>
      </div>

      <div style="margin-top: 0;border-bottom: 1px solid #e6e6e6;" class="function_part">


        <!--<div class="function_part_div" style="border-right: none;" @click="carChoose()">-->
          <!--<div class="common_wid">-->
            <!--<img src="../assets/index/car_s.png" style="width: .49rem;height: .36rem;">-->
          <!--</div>-->
          <!--<div class="function_part_right">-->
            <!--<span>车辆选配信息查询</span>-->
            <!--<span class="small_tip_down">车架号</span>-->
          <!--</div>-->
        <!--</div>-->
        <div class="function_part_div" @click="carVin()">
          <div class="common_wid">
            <img src="../assets/index/car_vin.png" style="width: .49rem;height: .36rem;">
          </div>
          <div class="function_part_right">
            <span>车辆VIN解析</span>
            <span class="small_tip_down" style="text-align:left;">车架号</span>
          </div>
        </div>
        <div class="function_part_div" style="border-right: none;" @click="truckDriver()">
          <div class="common_wid">
            <img src="../assets/index/xh_ocr.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>行驶证OCR识别</span>
            <span class="small_tip_down">行驶证正面照片</span>
          </div>
        </div>
      </div>


      <div class="function_part_two"  style="margin-top: 0">
        <!--<div class="function_part_div"  @click="truckDriver()">-->
          <!--<div class="common_wid">-->
            <!--<img src="../assets/index/carHost.png" style="width: .49rem;height: .36rem;">-->
          <!--</div>-->
          <!--<div class="function_part_right">-->
            <!--<span>车主车辆信息查询</span>-->
            <!--<span class="small_tip_down">姓名+手机号+身份证</span>-->
          <!--</div>-->
        <!--</div>-->

        <div class="function_part_div" style="border-right: none;"  @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/js_ocr.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>驾驶证OCR识别</span>
            <span class="small_tip_down" style="text-align: left;">驾驶证正面/副页照片</span>
          </div>
        </div>
      </div>



    </div>


    <div>
      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">物流数据</span>
      </div>

      <div style="border-bottom: 1px solid #e6e6e6;" class="function_part">
        <div class="function_part_div" style="position: relative;" @click="priceQuery()">
          <div class="common_wid">
            <img src="../assets/index/search_price.png" style="width: .45rem;height: .37rem;">
          </div>
          <div class="function_part_right">
            <span>运价查询</span>
            <span class="small_tip_down" style="text-align: left;">起点+终点+重量</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="logisArea()">
          <div class="common_wid">
            <img src="../assets/index/search_logis.png" style="width: .47rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>物流园区查询</span>
            <span class="small_tip_down">城市</span>
          </div>
        </div>
      </div>

      <div class="function_part_two">
        <div class="function_part_div" style="border-right: none" @click="truckDriver()">
          <div class="common_wid">
            <img src="../assets/index/truck_driver.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>货车司机验证</span>
            <span class="small_tip_down">车牌+姓名+手机号</span>
          </div>
        </div>
      </div>
    </div>


    <div>
      <div class="title_index d_jump">
        <img src="../assets/index/line.png" class="title_index_img">
        <span class="title_index_tex">企业工商</span>
      </div>

      <div class="function_part">
        <div class="function_part_div" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/com_sifa.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>企业司法风险</span>
            <span class="small_tip_down" style="text-align: left;">公司全称</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/com_jingying.png" style="width: .47rem;height: .40rem;">
          </div>
          <div class="function_part_right">
            <span>企业经营风险</span>
            <span class="small_tip_down">公司全称</span>
          </div>

        </div>
      </div>
      <div class="function_part" style="border-bottom: 1px solid #e6e6e6;margin-top: 0">
        <div class="function_part_div" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/out_tz.png" style="width: .45rem;height: .45rem;">
          </div>
          <div class="function_part_right">
            <span>企业对外投资</span>
            <span class="small_tip_down">公司全称</span>
          </div>
        </div>

        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/com_info.png" style="width: .46rem;height: .44rem;">
          </div>
          <div class="function_part_right">
            <span>企业背景信息</span>
            <span class="small_tip_down">公司全称</span>
          </div>
        </div>
      </div>

      <div class="function_part_two">
        <div class="function_part_div" style="border-right: none;" @click="otherBtn()">
          <div class="common_wid">
            <img src="../assets/index/yz_ocr.png" style="width: .54rem;height: .4rem;">
          </div>
          <div class="function_part_right">
            <span>营业执照OCR识别</span>
            <span class="small_tip_down" style="text-align: left;">营业执照正面照片(三证合一执照)</span>
          </div>
        </div>
      </div>


    </div>
    <div style="width: 100%;height: 20px;">

    </div>

    <div class="input_search_wrap">
      <yd-cell-item>
        <img slot="left" src="../assets/sech/back.png" @click="backSearch()"
             style="width: .5rem;height:.6rem;margin-right: .2rem;">
        <yd-input slot="right" ref="searchContent" required :show-success-icon="false" :show-error-icon="false"
                  v-model="searchContent"
                  max="20" placeholder="请输入企业名称" @keyup.13.native="showKeyup($event)"></yd-input>
        <img slot="right" src="../assets/sech/search.png" style="width: .6rem;height:.6rem;" @click="searchBtn()">
      </yd-cell-item>
      <div></div>
    </div>
  </div>
</template>

<script>
  import wx from 'weixin-js-sdk';

  export default {
    name: "indexPages",
    data() {
      return {
        top: 0,
        searchContent: '',
        hotList: [],
      }
    },
    methods: {
      otherBtn() {
        this.$dialog.toast({
          mes: '联系客服，申请开通',
          timeout: 1500,
          callback: () => {
            _MEIQIA('showPanel');
          }
        });
      },
      jump(index) {
        let jump = document.querySelectorAll('.d_jump');
        let total = jump[index].offsetTop;
        document.documentElement.scrollTop = total;
        document.body.scrollTop = total;
      },

      hotBtn(item) {

        switch (item.id) {
          case 3:
            // console.log('身份证二要素验证带返照')
            this.$router.push('/id_code_picture');
            break;
          case 2:
            // console.log('身份证二要素验证')
            this.$router.push('/id_code');
            break;
          case 4:
            // console.log('银行卡三要素验证')
            this.$router.push('/bank_three');
            break;
          case 5:
            // console.log('银行卡四要素验证')
            this.$router.push('/bank_four');
            break;
          case 6:
            // console.log('运营商三要素验证')
            this.$router.push('/operator');
            break;
          case 7:
            // console.log('网络借贷黑名单验证')
            break;
          case 8:
            // console.log('网贷逾期记录查询')
            break;
          case 9:
            // console.log('网络借贷记录查询')
            break;
          case 13:
            // console.log('运价查询')
            this.$router.push('/price_query');
            break;
          case 14:
            // console.log('货车司机验证')
            this.$router.push('/truck_driver')
            break;
          case 15:
            // console.log('物流园查询')
            this.$router.push('/logistics_area');
            break;
          case 16:
            // console.log('手机在网状态查询')
            this.$router.push('/mobile_net');
            break;
          case 17:
            // console.log('手机入网时长查询')
            this.$router.push('/mobile_enter');
            break;
          case 18:
            // console.log('个人涉法涉诉统计')
            break;
          case 19:
            // console.log('运营商二要素验证')
            this.$router.push('/operator_two');
            break;
          case 20:
            // console.log('银行卡二要素验证')
            this.$router.push('/bank_two');
            break;
          case 21:
            // console.log('银行卡一要素查询')
            this.$router.push('/bank_one');
            break;
          case 23:
            // console.log('征信报告二要素')
            break;
          case 24:
            // console.log('征信报告三要素')
            break;
          case 30:
            //手机号基本信息查询
            this.$router.push('/mobile_info');
            break;
          case 31:
            //逾期黑名单验证
            this.$router.push('/overdue');
            break;
          case 34:
            //通信小号验证
            this.$router.push('/mobile_smal');
            break;
        }
      },
      inputSearch() {
        document.getElementsByClassName('input_search_wrap')[0].style.display = 'block';
        this.$refs.searchContent.setFocus();
      },
      backSearch() {
        document.getElementsByClassName('input_search_wrap')[0].style.display = 'none';
      },
      rechargeBtn(){
        this.$router.push('/recharge')
      },
      carList(){
        this.$router.push('/car_list')
      },
      codeTwo() {
        this.$router.push('/id_code');
      },
      bankOne() {
        this.$router.push('/bank_one');
      },
      bankTwo() {
        this.$router.push('/bank_two');
      },
      bankThree() {
        this.$router.push('/bank_three');
      },
      bankFour() {
        this.$router.push('/bank_four');
      },
      operatorTwo() {
        this.$router.push('/operator_two');
      },
      operatorThree() {
        this.$router.push('/operator');
      },
      mobileNet() {
        this.$router.push('/mobile_net');
      },
      mobileEnter() {
        this.$router.push('/mobile_enter');
      },
      truckDriver() {
        this.$router.push('/truck_driver');
      },
      priceQuery() {
        this.$router.push('/price_query');
      },
      logisArea() {
        this.$router.push('/logistics_area');
      },
      mobileInfo() {
        this.$router.push('/mobile_info');
      },
      overDue() {
        this.$router.push('/overdue');
      },
      mobileSmal() {
        this.$router.push('/mobile_smal');
      },
      carPolicy(){
        this.$router.push('/car_policy');
      },
      carDanger(){
        this.$router.push('/car_danger');
      },
      carInfo(){
        this.$router.push('/car_info');
      },
      carLaw(){
        this.$router.push('/car_law');
      },
      driverCard(){
        this.$router.push('/driver_card');
      },
      licenseSearch(){
        this.$router.push('/license_search');
      },
      carVin(){
        this.$router.push('/car_vin');
      },
      carChoose(){
        this.$router.push('/car_choose');
      },
      showKeyup(ev) {
        if (ev.keyCode == 13) {
          this.$options.methods.searchBtn.bind(this)();
        }
      },
      searchBtn() {
        if (this.searchContent == '' || this.searchContent.length < 4) {
          this.$dialog.notify({
            mes: '请输入完整的企业名称',
            timeout: 1500,
          });
          return;
        }
        this.$router.push({
          path: '/company_list',
          query: {
            content: this.searchContent,
          }
        })
      },
    },
    created() {
      this.$ajax.post(window.g.apiUrl+'/alipay/getProduct.do', JSON.stringify({
        type: 'B',
      }))
        .then((response) => {
          if (response.data.code == 200) {
            this.hotList = response.data.data;
          }
        }).catch(() => {
      })
      let url = location.href.split('#')[0];
      this.$ajax.post(window.g.apiUrl+'/user/signature.do', JSON.stringify({
        url: url,
      })).then((response) => {
        wx.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: response.data.data.appId, // 必填，公众号的唯一标识
          timestamp: response.data.data.timestamp, // 必填，生成签名的时间戳
          nonceStr: response.data.data.nonceStr, // 必填，生成签名的随机串
          signature: response.data.data.signature,// 必填，签名
          jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
        });
        wx.ready(function () {
          wx.onMenuShareTimeline({
            title: '火炬数据', // 分享标题
            link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
            success: function () {
              // 用户点击了分享后执行的回调函数
            },
          })
          wx.onMenuShareAppMessage({
            title: '火炬数据', // 分享标题
            desc: '【火炬数据】让数据聚合价值    用科技成就未来', // 分享描述
            link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'https://www.huojudata.com/image/logo.jpg', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
// 用户点击了分享后执行的回调函数
            }
          });
        });
      }).catch(() => {
      })

    },
    mounted() {
      (function (m, ei, q, i, a, j, s) {
        m[i] = m[i] || function () {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', 90685);
      _MEIQIA('withoutBtn');
    },
    activated() {
      // console.log(this.top)
      // document.getElementsByClassName('index_content')[0].scrollTop = this.top;
      document.documentElement.scrollTop = this.top;
      document.body.scrollTop = this.top;
    },
    deactivated() {
      let top = document.documentElement.scrollTop || document.body.scrollTop;
      this.top = top;
      document.getElementsByClassName('input_search_wrap')[0].style.display = 'none';
    },
  }
</script>

<style scoped>
  .title_index {
    display: flex;
    align-items: center;
    margin-top: .4rem;
  }

  .index_content {
    width: 100%;
    height: 100%;
    /*overflow-y: scroll;*/
    /*-webkit-overflow-scrolling: touch;*/
  }

  .title_index_tex {
    font-size: .28rem;
    font-weight: bold;
    margin-left: .2rem;
  }

  .title_index_img {
    width: .1rem;
    height: .5rem;
  }

  .list_search {
    margin-left: .24rem;
    margin-top: .7rem;
    display: flex;
    justify-content: space-between;
    margin-right: .24rem;
    font-size: .24rem;
  }

  .currency_div {
    width: 1.66rem;
    height: 1.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
  }

  .banner {
    width: 100%;
    height: 2.5rem;
  }

  .hot_part {
    padding: 0 .24rem;
  }

  .hot_part_con {
    width: 100%;
    height: 1.1rem;
    border: 1px solid #e6e6e6;
    margin-top: .3rem;
    display: flex;
    align-items: center;
    padding-left: .24rem;
    position: relative;
  }

  .hot_part_left {
    display: flex;
    align-items: center;
    width: 75%;
    border-right: 1px solid #e6e6e6;
    flex: none;
  }

  .hot_part_left_sp {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    margin-left: .2rem;
  }

  .small_tip {
    color: #808080;
    font-size: .24rem
  }

  .small_tip_down {
    color: #808080;
    font-size: .24rem;
    margin-top: .05rem;
  }

  .function_part {
    width: 100%;
    height: 1.5rem;
    border-top: 1px solid #e6e6e6;
    margin-top: .2rem;
    display: flex;
    align-items: center;
  }

  .function_part_div {
    display: flex;
    align-items: center;
    height: 1.1rem;
    width: 50%;
    padding: 0 .19rem;
    border-right: 1px solid #e6e6e6;
    margin-top: .1rem;
    flex: none;
    position: relative;
  }

  .function_part_right {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    /*position: absolute;*/
    /*left: .93rem;*/
    margin-left: .15rem;
  }

  .input_search_wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: #fff;
    width: 100%;
    display: none;
  }

  .hot_line {
    width: .05rem;
    height: 1.1rem;
    position: absolute;
    left: 0;
  }

  .function_part_two {
    width: 100%;
    height: 1.5rem;
    border-bottom: 5px solid #e6e6e6;
    display: flex;
    align-items: center;
  }

  .common_wid {
    width: .54rem;
  }

  .top_in {
    width: 100%;
    height: 1rem;
    background: #F2F2F5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .top_in input {
    background: #fff;
    outline: none;
    border: 1px solid #e0e0e1;
    width: 90%;
    height: .66rem;
    border-radius: 5px;
    -webkit-appearance: none;
  }

  .top_d {
    display: flex;
    /*align-items: center;*/
    color: #b2b2b2;
    position: absolute;
    left: 50%;
    margin-left: -86px;
    top: 50%;
    margin-top: -10px;
  }
</style>
